<template>
  <!-- 测试ElementPlus -->
  <!-- <div class="button-row">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div>
  <hr>
  <div class="button-row">
    <el-button round>Round</el-button>
    <el-button type="primary" round>Primary</el-button>
    <el-button type="success" round>Success</el-button>
    <el-button type="info" round>Info</el-button>
    <el-button type="warning" round>Warning</el-button>
    <el-button type="danger" round>Danger</el-button>
  </div> -->

  <!-- 测试WindiCSS -->
  <!--
    可以在官网的工具类中选择想要的样式
    bg-purple-500:按钮颜色
    text-light-50:文本颜色
    m-8:四个方向的外边距
    px-4:左右内边距,即padding-x
    py-5:上下内边距
    text-base:字体大小
    rounded-xl:边框弧度
    hover(样式):鼠标悬停时的样式
  -->
  <!-- <button class=" bg-purple-500 text-light-500 m-8 px-4 py-2 rounded-xl text-base hover:(bg-purple-900)">按钮</button> -->

  <!-- 测试路由 -->
   <router-view></router-view>

</template>
<script setup>
import { RouterView } from 'vue-router';
</script>